<template>
	<section class="content">
		<!-- <navbar :title="$t('gerenxinxi.bangdingshouji')" :right_show="false" :type="1" ref="navbar"></navbar> -->
		<topHeader></topHeader>
		<article v-if="setting.sms_message">
			<router-link to="/phone" class="safasd">
				<img src="~path_img/shoujiTow.png" alt="">
				<span>{{$t('gerenxinxi.bangdingshouji')}}</span>
			</router-link>
		</article>
		<article>
			<router-link to="/password" class="safasd">
				<img src="~path_img/mimaTow.png" alt="" style="width: 20px;height: 26px;">
				<span>{{$t('gerenzhongxin.xiugaimima')}}</span>
			</router-link>
		</article>
		<article>
			<router-link to="/paypassword" class="safasd">
				<img src="~path_img/mimasTow.png" alt="" style="width: 26px;height: 26px;">
				<span>{{$t('gerenxinxi.xiugaizhifumima')}}</span>
			</router-link>
		</article>


	</section>
</template>

<script>
	import navbar from "@/components/navbar"
	import topHeader from "@/components/topHeader"
	export default {
		name: "gerenxinxi",
		components: {
			navbar,
			topHeader
		},
		data() {
			return {
				setting: this.$store.state.config
			}
		},
	}
</script>

<style scoped lang="less">
	.safasd {
		width: calc(100% - 0.6rem);
		display: flex;
		align-items: center;
		padding: 0.5rem 0.7rem;
	}

	.content {
		height: calc(100vh);
		// background: url("~path_img/chongzhibg1.jpg") center no-repeat;
		// background-size: cover;
		background-color: #222222;

		&>article {
			width: calc(100% - 0.6rem);
			margin: 0.3rem auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-radius: 0.2rem;
			background: rgba(255, 255, 255, .35) url("~path_img/enter.png") 90% center no-repeat;
			background-size: 0.27rem 0.46rem;
			font-size: .44rem;
			line-height: 1.1rem;

			img {
				width: 20px;
				height: 30px;
				margin-right: .3rem;
			}

			span {
				color: #fff;
			}

			a {
				flex: 1;
				color: #fa2663;
			}
		}
	}
</style>